<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	</head>
	<body>
		<!-- 创建头部 -->
		<header></header>
		<!-- 网页主体 -->
		<main>
			<nav></nav>
			<article></article>
			<aside></aside>
		</main>
		<!-- 网页底部 -->
		<footer></footer>
	</body>
</html>
<style type="text/css">
	header,main,footer{
		width: 1000px;
		margin: 0 auto;
	}
	header{
		height: 200px;
		background-color: silver;
	}
	main{
		height: 1000px;
		/* background-color: #00FFFF; */
		margin: 10px auto;
	}
	nav{
		width: 200px;
		height: 100%;
		background-color: #FFFF00;
		float: left;
	}
	article{
		width: 580px;
		height: 100%;
		background-color: #FF0000;
		float: left;
		margin: auto 10px;
	}
	aside{
		width: 200px;
		height: 100%;
		background-color: #0000FF;
		float: left;
	}
	footer{
		height: 150px;
		background-color: #C0C0C0;
	}
</style>